<!DOCTYPE HTML>
<html lang="zh-CN">
	<head>
		<meta charset=utf-8>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name=description content="description">
		<meta name=viewport content="width=device-width, initial-scale=1">
		<meta name="keywords" content="keywords">
		<title>title</title>
		<!--<link rel="stylesheet" href="https://unpkg.com/mobi.css/dist/mobi.min.css" />-->
		<link rel="stylesheet" href="../css/style.article.css" />
	</head>
	<body style="background-color:#f8f8f8;">
		<div class="flex-left">
			<div class="unit-1 top">
				<div class="top-nav content-top">
					<div class="top-logo"><img src="../images/logo.png"/> </div>
					<ul>
						<li><a href="../index.html">首页</a></li>
						<li><a href="#">文字</a></li>
						<li><a href="#">文本</a></li>
						<li><a href="#">文章文章</a></li>
						<li><a href="../search/searchs.html">搜索</a></li>
					</ul>
					<form class="top-search">
						<input class="top-search-in" type="search" name="q" placeholder="搜索..."  />
						<button class="bottom"><i class="btn-icon"></i></button>
					</form>
				</div>
			</div>
		</div>
		<div class="flex-left content-wrap">
			<div class="unit-1-4">
				<div class="left-box-info">
					<p class="text-center">
						Copyright &copy; 2018 <br>
						<a href="#">粤ICP备17138569号-1</a><br>
						<a href="../index.html">EMUI.COM主题站</a>
						<span class="glyphicon glyphicon-heart" style="color:#ff5858"></span>郑景东
					</p>
				</div>
				<div class="left-box-info">
					<div id="cc-myssl-id">
      					<a href="https://myssl.com/www.xemui.com?from=mysslid" target="_blank"><img src="https://static.myssl.com/res/images/myssl-id3.png" alt="" style="max-height:50px;display:block;margin:0 auto"></a>
					</div>
				</div>
			</div>
			<div class="unit-3-4">
				<div class="right-box-top-r">
					<div class="right-box-top-l"><p>最新文章</p></div>
				</div>
				<div class="right-box-info">
					<div class="right-box-item">
						<div class="info-box">
						<div class="info-box-title">
							<a href="#">标题标题标题标题标题</a>
						</div>
						<div class="info-box-icon">
							<a class="info-box-comment" href="#"><img src="../images/b7003af33a87e9500904d0601c385343fbf2b4ae.jpg" width="40px" height="40px" />我是作者</a>
							<a class="info-box-eye" href="#"><i></i>标签</a>
							<a class="info-box-eye" href="#"><i></i>2017/12/12</a>
							<a class="info-box-comment" href="#"><i></i>12</a>
							<a class="info-box-eye" href="#"><i></i>82</a>
						</div>
						<div class="info-box-text">
							<p>本文档主要针对layer1.9及以上版本,如果您项目中使用的是1.9之前的版本,请前往1.8.5文档页。 我们提到的基础参数主要指调用方法时用到的配置项,如:layer.open...</p>
							<img src="../images/Hippopx (10).jpg" />
							<img src="../images/b7003af33a87e9500904d0601c385343fbf2b4ae.jpg" />
						</div>
						</div>
					</div>
				</div>
				<div class="right-box-top-r">
					<div id="comment" class="right-box-comment"><p>评论</p></div>
				</div>
				<div class="right-box-info">
					<div class="comment-box">
						<div class="comment-box-top">
							<img src="../images/b7003af33a87e9500904d0601c385343fbf2b4ae.jpg">
							<a href="#">我是作者<b>:</b></a>
							<span>一周前</span>
						</div>
						<div class="comment-box-text">
							<p>一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来...</p>
								<!-- 回复示例 -->
								<div class="reply-box">
									<div class="reply-box-top">
										<img src="../images/8b13632762d0f703b87858a604fa513d2797c586.jpg">
											<a href="#">我s傻逼</a><b>@</b><a href="#">我是作者</a>
											<span>一周前</span>
									</div>
								<div class="reply-box-text">
									<p>一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来...</p>
								</div>
								<div class="reply-box-icon">
									<a class="reply-box-like" href="#"><i></i>赞（256）</a>
									<a class="reply-box-reply" href="#"><i></i>回复</a>
									<a class="reply-box-garbage" href="#"><i></i>踩</a>
									<a class="reply-box-flag" href="#"><i></i>举报</a>
								</div>
								</div>
								<div class="reply-box">
									<div class="reply-box-top">
										<img src="../images/b7003af33a87e9500904d0601c385343fbf2b4ae.jpg">
											<a href="#">我是作者</a><b>@</b><a href="#">我s傻逼</a>
											<span>一周前</span>
									</div>
								<div class="reply-box-text">
									<p>一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来...</p>
								</div>
								<div class="reply-box-icon">
									<a class="reply-box-like" href="#"><i></i>赞（256）</a>
									<a class="reply-box-reply" href="#"><i></i>回复</a>
									<a class="reply-box-garbage" href="#"><i></i>踩</a>
									<a class="reply-box-flag" href="#"><i></i>举报</a>
								</div>
								</div>
								<!-- 结束 -->
						</div>
						<div class="comment-box-icon">
							<a class="comment-box-like" href="#"><i></i>赞（256）</a>
							<a class="comment-box-reply" href="#"><i></i>回复</a>
							<a class="comment-box-garbage" href="#"><i></i>踩</a>
							<a class="comment-box-flag" href="#"><i></i>举报</a>
						</div>
					</div>
					<div class="comment-box">
						<div class="comment-box-top">
							<img src="../images/b7003af33a87e9500904d0601c385343fbf2b4ae.jpg">
							<a href="#">我是作者<b>:</b></a>
							<span>一周前</span>
						</div>
						<div class="comment-box-text">
							<p>一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来...</p>
						</div>
						<div class="comment-box-icon">
							<a class="comment-box-like" href="#"><i></i>赞（256）</a>
							<a class="comment-box-reply" href="#"><i></i>回复</a>
							<a class="comment-box-garbage" href="#"><i></i>踩</a>
							<a class="comment-box-flag" href="#"><i></i>举报</a>
						</div>
					</div>
					<div class="comment-box">
						<div class="comment-box-top">
							<img src="../images/b7003af33a87e9500904d0601c385343fbf2b4ae.jpg">
							<a href="#">我是作者<b>:</b></a>
							<span>一周前</span>
						</div>
						<div class="comment-box-text">
							<p>一般来说可以用CSS中的“text-align:center属性,margin:0 auto或定位属性”就可以居中。但是主要看是看你的页面布局是怎样的,是否用了定位。根据这些来...</p>
						</div>
						<div class="comment-box-icon">
							<a class="comment-box-like" href="#"><i></i>赞（256）</a>
							<a class="comment-box-reply" href="#"><i></i>回复</a>
							<a class="comment-box-garbage" href="#"><i></i>踩</a>
							<a class="comment-box-flag" href="#"><i></i>举报</a>
						</div>
					</div>
					<div class="comment-box">
						<div class="comment-form">
							<form>
							<div class="comment-form-box">
							<label>昵称：</label>
							<input type="text" name="name" placeholder="输入昵称" />
							</div>
							<div class="comment-form-box">
							<label>邮箱：</label>
							<input type="text" name="mail" placeholder="输入邮箱" />
							</div>
							<div class="comment-form-box">
							<label>网站：</label>
							<input type="text" name="url" placeholder="输入网站网址" />
							</div>
							<div class="comment-form-comment">
							<label>评论：</label>
							<textarea name="comment" placeholder="输入评论内容！"></textarea>
							</div>
							<div class="comment-form-button">
							<button type="submit">发表</button>
							</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>